<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>学生导入</title>
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/import.css">
    <script src="static/js/jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="top">
    <button class="layui-btn theme-bg-blue" id="template">
        <i class="layui-icon">&#xe601;</i>Excel模板
    </button>
</div>
<div class="content">
    <div class="content-title-frame">
        <p class="content-title">学生信息导入</p>
    </div>
    <form class="layui-form content-form" onsubmit="return false">
        <div class="layui-form-item">
            <label class="layui-form-label">Excel文件</label>
            <div class="layui-input-inline" style="width: 80%">
                <input type="text" id="fileName" name="fileName" required class="layui-input" readonly="readonly" placeholder="请选择文件...">
            </div>
            <div>
                <button type="button" class="layui-btn btn-upload theme-bg-blue" id="file">
                    <i class="layui-icon">&#xe67c;</i>上传文件
                </button>
                <div id="icon-upload"></div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">导入时间</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" id="importTime" readonly value="2018-02-06 08:00:00">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">导入人员</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" readonly value="ADMIN">
            </div>
        </div>
        <div>
        <div class="layui-form-item">
        	<label class="layui-form-label">导入进度</label>
            <div class="layui-input-block" style="padding: 10px 0px;">
                <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="demo" >
				  	<div class="layui-progress-bar" style="background-color: #00c1de;" lay-percent="0%"></div>
				</div>
            </div>
        </div>
        </div>
        <div class="layui-form-item" style="margin-bottom: 0px;">
            <div class="layui-input-block" style="margin-left: 0px;text-align: center">
                <input type="submit" id="startImport" class="layui-btn theme-bg-blue" value="开始导入">
            </div>
        </div>
    </form>
</div>
<script src="static/layui/layui.js"></script>
<script src="static/js/import.js"></script>
</body>
</html>